@import '../colorful';

.kid-invert {
    color: white !important;
}

.vi-red {
    color: red;
}

input[readonly] {
    background-color: rgba(200, 202, 203, 0.29);
}

.ux-readonly {
    input[readonly] {
        background-color: white;

        &:hover {
            cursor: pointer;
        }
    }

    input[disabled] {
        background-color: @color-readonly;

        &:hover {
            cursor: not-allowed;
        }
    }

    i:hover {
        cursor: pointer;
    }
}

.rx-right {
    text-align: right !important;
    float: right !important;
}

.hk-error {
    position: absolute;
    background-color: @color-error;
    color: white;
    border-radius: 3px;
    border: 1px solid @color-error;
    padding: 2px 5px;
    z-index: 100;
    /** From Animate.css **/
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: bounceIn;
}

.ant-form-item-required::before {
    display: none !important;
}

.rx-list-dialog {
    .ant-modal-body {
        padding: 12px !important;
    }
}

form {
    .has-error .ant-form-explain {
        .hk-error;
        top: -27px;
        display: none;
    }
}

.rx-content {
    background-color: lightcyan !important;
}

.ant-menu {
    background-color: @color-default !important;
}

.menu-sider {
    background-color: @color-logo !important;
}